<template>
<div>
<div class="foot">
        <div class="l-foot">
            <h1>/联系我/</h1>
            <h2>手机号码：15107570831</h2>
            <h2>邮箱：2739896833@qq.com</h2>
        </div>
        <div class="r-foot">
            <h1>/关于本站/</h1>
            <h2>用途：用于毕业设计与毕业论文</h2>
            <h2>内容：站主含泪敲出来的！！</h2>
            <h2>注：技艺不精，略知皮毛，望不喜勿喷。。。</h2>
        </div>
    </div>
    <p style="color: #fff;">-----本站内容仅用学习，若有侵权，请联系站主！</p>
</div>
</template>

<style lang="less" scoped>
.foot{
    padding: 15px 0 20px 450px;
    color: #fff;
    display: flex;
    text-align: left;
    h1{
        font-size: 20px;
        padding-bottom: 30px;
    }
    h2{
        padding-bottom: 10px;
    }
    .l-foot{
        display: block;
        padding: 20px 40px;
    }
    .r-foot{
        display: block;
        padding: 20px;
    }
}
</style>

<script>
export default{
    name: 'vueFooter',
    data() {
        return {}
    }
}
</script>